/** max-width:1440px **/

.newsIssue .block>.title{
    color: #333;
    font-size: 24px !important;
    text-align: center;
    font-weight: 700;
}

/*.companyNews{*/
    /*background: #f3f5f6;*/
    /*margin-top: 3%;*/
    /*padding-bottom: 2%;*/
/*}*/
.newsIssue .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.header{
    width: 100%;
    display: flex;
     align-items: center;
     justify-content: space-between;
    margin-top: 3%;
}
.header>.title{
    font-size: 24px;
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat left center;
    padding-left: 20px;
}
.header>.right{
    display: flex;
    align-items: center;
    background: url("../../static/newsImg/liF.png") no-repeat left center;
    padding-left: 20px;
    font-size: 20px;
}
.header>.right div{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header>.right div span{
    width: 50px;
    height: 1px;
    margin-right: -15%;
    background: #cccccc;
}
/*.companyNews img{*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/
/*.companyNews .news{*/
    /*margin-top: 2.5%;*/
/*}*/
/*.companyNews .news{*/

/*}*/
/*.companyNews  .news li{*/
    /*width: 50%;*/
    /*float: left;*/
    /*position: relative;*/
/*}*/
/*.companyNews .hint{*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*background: rgba(0,0,0,.3);*/
    /*font-size: 20px;*/
    /*color: #fff;*/
    /*z-index: 1;*/
    /*padding: 2%;*/
    /*opacity: 0;*/
    /*transition: opacity 0.5s;*/
/*}*/
/*.companyNews .img:hover .hint {*/
    /*opacity: 1;*/
/*}*/
/*.companyNews  .news :last-child{*/
    /*!*background: #fff;*!*/
/*}*/

/*.companyNews .news li .list{*/
    /*width: 100%;*/
/*}*/
/*.companyNews .news li .list li{*/
    /*width: 100%;*/
    /*background: #fff;*/
    /*transition: background-color .5s,color 0.5s;*/

/*}*/

 .news li .list li .listTile{
    font-size: 16px;
    margin-bottom: 2%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
}
.news li .list li .listContent{
    padding: 3.06% 4.5%;
}
.news li .list li .listCon{
    display: flex;
    justify-content: space-between;
}
 .news li .list li .listCon p{
    font-size: 14px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    width: 80%;
}
 .news li .list li:hover .listCon p{
    color: #fff;
    transition: color 0.5s;
}
 .news li .list li:hover{
    background: #ee4e5b;
}
.companyNews .news li .list li a:hover {
    background: #ee4e5b;
    color: #fff;
}
/*新品发布*/
.newsIssue{
    background: #f3f5f6;
}

 .newProduct ul li img{
    width: 100%;
    height: auto;
}
.newProduct{
    width: 100%;
    overflow: inherit;
}
 .newProduct ul {
    width: 103%;
    overflow: hidden;
}
 .newProduct ul li{
    float: left;
    width:46.8%;
    margin-right: 3%;
    overflow: inherit !important;
    box-shadow: 0 0 10px #f0f0f0;
    position: relative;
    margin-top: 3%;
    transition: width 1s;
}
.newProduct ul li:hover img{
    transform: scale(1.1,1.1)
}
.newsIssue .hint{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    padding: 3% 2%;
    font-size: 16px;
    color: #fff;
}

 .newProduct .hint{
    display: flex;
    justify-content: space-between;
}
 .newProduct .hint p{
    width: 67%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .conNews .list{
    overflow: hidden;
    margin-top: 2%;
}
 .conNews .list ul{
    width: 103%;
}
 .conNews .list ul li{
    float: left;
    width: 31.1%;
    margin-right: 2%;
    margin-bottom: 2%;
     background: #f1f1f1;
     border-top: 2px solid #ee4e5b;
}
.conNews .list ul li .cont{
    padding: 8%;
}
.conNews .list ul li .cont .time{
    font-size: 14px;
    color: #333;
}
.conNews .list ul li .cont .title{
    font-size: 16px;
    color: #333;
    margin: 5% 0;
}
.conNews .list ul li .cont .msg{
    font-size: 14px;
    color: #5e5e5e;
}

/*资料更新新日志*/
.updateLog{
    background: #fff;
    padding-bottom: 3%;
}
.updateLog .content{
    width: 100%;
    overflow: hidden;
}
.updateLog .content>li{
    float: left;
    margin-top: 2%;
    box-shadow: 0 0 10px #f0f0f0;
}
.updateLog .content .tab{
    width: 65%;

}
.updateLog .content .seek{
    width: 33%;
    margin-left: 2%;
}
.updateLog .content .tabTitle{
    padding-left: 3%;
}
.updateLog .content .tabTitle  li{
    font-size: 20px;
    color: #999;
    float: left;
    margin-right: 3%;
    cursor: pointer;
    padding: 2% 0;
}

.updateLog  .tabContent{
    display: block;
}
.updateLog .active{
    border-bottom: 2px solid #e70012;
    color: #e70012 !important;
}

.updateLog  .tabContent ul li a{
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: #b9b9b9;
        padding: 1.5% 3%;
        overflow: hidden;
        margin-left: 3%;
        border-bottom: 1px solid #f2f2f2;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;

}
.updateLog  .tabContent ul li a:hover{
    color: #d50000;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}
.updateLog .tabContent .listTime{
    color: #b9b9b9;
}
.updateLog  .tabContent li .listTitle{
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seekForm{
    display: flex;
    padding: 0 4%;
    align-items: center;
    margin: 3.7% 0;
}
.seekForm .formTitle{
    width: 30%;
    font-size: 16px;
    color: #999;
}

.seekForm .formSelect{
    width: 70%;
    background: #ececec;
}
.seek .seekBtn{
    background: #ee4e5b;
    width: 70%;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    letter-spacing: 20px;
    border-radius: 4px;
    padding: 2.4% 0;
    text-align: center;
}
.seek .seekBtn span{
    background: url("../../static/newsImg/seek.png") no-repeat center right;
    padding-right: 20px;
}
.seek .seekBtn>img{
}
.updateLog  .seek .seekCont>img{
    /*padding: ;*/
    width: 100%;
    height: auto;
}
.updateLog  .el-input--small .el-input__inner{
    background: #ececec;
    color: #bcbcbc;
}
.updateLog  .el-select-dropdown__item.selected{
    color: #333;
}
.updateLog  .el-select .el-input.is-focus .el-input__inner{
    background: #ececec;
}

/*公司新闻*/
.newsCompany{
    background: #f3f5f6;
}
.newsCompany .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.newsCompany .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}

/*列表*/
.newsCompany .list ul li{
    display: flex;
    width: 100%;
    margin-top: 3%;
}
.newsCompany .list ul li .left{
    width: 10%;
}
.newsCompany .list ul li .right{
    width: 90%;
    border: 1px solid #ccc;
    background: #fff;
}
.newsCompany .list ul li .right a{
    position: relative;
    display: flex;
    padding: 1.2% 1.2%;
}
.newsCompany .list ul li .right .imgBox{
    width: 30%;
}
.newsCompany .list ul li .right .imgBox img{
    width: 100%;
    height: auto;
}
.newsCompany .list ul li .right .center .wire{
    width: 26px;
    height: 2px;
    background: #ccc;
}
.newsCompany .list ul li .right .center{
    width: 50%;
    display: flex;
    margin-left: 3%;
    flex-direction: column;
    justify-content: space-around;
}
.newsCompany .list ul li .right .center .title{
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.5s;
}
.newsCompany .list ul li .right .center .msg{
    font-size: 14px;
    color: #999;
    line-height:20px;
    transition: color 0.5s;
}
.newsCompany .list ul li .right .center .time{
    font-size: 14px;
    color: #999;
    transition: color 0.5s;
}
.newsCompany .list ul li .right  .arrows{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: background 0.5s;
    border-left: 1px solid #ccc;
    width: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../../static/newsImg/right1.png") no-repeat center center;
}

.newsCompany .list ul li .right a:hover .arrows{
    background-color: #ee4e5b;
    background-image: url("../../static/newsImg/right2.png");
}
.newsCompany .list ul li .left{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.newsCompany .list ul li .left p{
    font-size: 16px;
    color: #999999;
    transition: color 0.5s;
}
.newsCompany .list ul li .left .circle{
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    border: 1px solid #999999;
    position: relative;
    margin-top: 5px;
    transition: border-color 0.5s;
}
.newsCompany .list ul li .left .circle .circle1{
    background:#999999;
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    border-radius: 100%;
    transition: background-color 0.5s;
}
.newsCompany .list ul li .left .wire{
    width: 1px;
    background: #999999;
    height: 85%;
    transition: background-color 0.5s;
}
.newsCompany .list ul li:hover .circle{
    border-color: #ee4e5b;
}
.newsCompany .list ul li:hover .left .circle1{
    background-color: #ee4e5b;
}
.newsCompany .list ul li:hover .left p{
    color: #ee4e5b;
}
.newsCompany .list ul li:hover .left .wire{
    background-color: #ee4e5b;
}
.newsCompany .list ul li:hover .right .time,.newsCompany .list ul li:hover:hover .msg ,.newsCompany .list ul li:hover .right .title{
    color: #ee4e5b;
}
/*新品发布开始*/
/*标题*/
.newRelease .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.newRelease .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.newRelease .item ul li{
    display: flex;
    margin-top: 3%;
}
.newRelease .item ul li .right{
    width: 90%;
}
.newRelease .item ul li .left{
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.newRelease .item ul li .left p{
    font-size: 16px;
    color: #999999;
    transition: color 0.5s;
}
.newRelease .item ul li .left .circle{
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    border: 1px solid #999999;
    position: relative;
    margin-top: 5px;
    transition: border-color 0.5s;
}
.newRelease .item ul li .left .circle .circle1{
    background:#999999;
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    border-radius: 100%;
    transition: background-color 0.5s;
}
.newRelease .item ul li .left .wire{
    width: 1px;
    background: #999999;
    height: 85%;
    transition: background-color 0.5s;
}
.newRelease .item ul li:hover .circle{
    border-color: #ee4e5b;
}
.newRelease .item ul li:hover .left .circle1{
    background-color: #ee4e5b;
}
.newRelease .item ul li:hover .left p{
    color: #ee4e5b;
}
.newRelease .item ul li:hover .left .wire{
    background-color: #ee4e5b;
}
/*右边列表*/
.newRelease .item ul li .right ul{
    width: 103%;
    overflow: hidden;
}
.newRelease .item ul li .right ul li{
    width: 30%;
    position: relative;
    float: left;
    margin-right: 2%;
    margin-top: 0;
}
.newRelease .item ul li .right ul li img{
    width: 100%;
    height: auto;
}
.newRelease .item ul li .right ul li img:hover{
    transform: scale(1.1,1.1);
}
.newRelease .item ul li .right ul li .hint{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
}
.newRelease .item ul li .right ul li .hint{
    display: flex;
    justify-content: space-between;
    padding: 3% 2%;
    font-size: 15px;
    color: #fff;
}
.newRelease .item ul li .right ul li .hint p{
    width: 49%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*资料更新日志*/

.logUpdate .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.logUpdate .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.logUpdate .content>.seek .title{
    font-size: 24px;
    color: #333;
    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2%;
}
.logUpdate .content>.seek .form form{
    display: flex;
    justify-content: space-between;
}
.logUpdate .content>.seek .title .form form .el-input--small .el-input__inner{
    background: #fff;
}
.logUpdate .content .form  form .formItem{
    width: 23%;
    display: flex;
    align-items: center;
}
.logUpdate .content .form form .formItem .left{
    width: 30%;
    font-size: 14px;
    color: #333;
}
.logUpdate .content .form form .formItem .right{
    width: 70%;
}
.logUpdate .content .form form  .hunt{
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #ee4e5b;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logUpdate .content{
    width: 100%;
    overflow: hidden;
}
.logUpdate .content>li{
    float: left;
    margin-top: 2%;
    box-shadow: 0 0 10px #f0f0f0;
}
.logUpdate .content .tab{
    width: 100%;
    margin-top: 3%;

}

.logUpdate .content .tabTitle{
    padding-left: 3%;
}
.logUpdate .content .tabTitle  li{
    font-size: 20px;
    color: #999;
    float: left;
    margin-right: 3%;
    cursor: pointer;
    padding: 2% 0;
}

.logUpdate  .tabContent{
    display: block;
}
.logUpdate .active{
    border-bottom: 2px solid #e70012;
    color: #e70012 !important;
}

.logUpdate  .tabContent ul li a{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #b9b9b9;
    padding: 1.5% 3%;
    overflow: hidden;
    margin-left: 3%;
    border-bottom: 1px solid #f2f2f2;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;

}
.logUpdate  .tabContent ul li a:hover{
    color: #d50000;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}
.logUpdate .tabContent .listTime{
    color: #b9b9b9;
}
.logUpdate  .tabContent li .listTitle{
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*新闻详情*/
.newsDetails{
    /* background: #f3f5f6;
    padding-top: 3%; */
}
.newsDetailsCon .block{
    background: #fff;

}
.newsDetailsCon a{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsDetailsCon .block .content{
    padding:3% 5% ;
}
.newsDetailsCon .block .content>.title{
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.newsDetailsCon .block .content>.title p{
    font-size: 24px;
    color: #333;
}
.newsDetailsCon .block .content>.title div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 12px;
    color: #999;
    align-items: center;
    margin: 2% 0;
}
.newsDetailsCon .block .content>.title div img{
    margin-right: 15px;

}
.newsDetailsCon .block .content>.article p{
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-top: 1%;
}
.newsDetailsCon .block .content>.article .img{
    text-align: center;
    margin: 4% 0;

}
.newsDetailsCon .block .content>.article .img img{
    max-width: 100%;
}
.newsDetailsCon .block .content>.article .title{
    font-size: 14px;
    color: #333;
}


/*解决方案*/

.solutionIndex{
    background: #fff;
}
.solutionIndex .content .solutionTitle li{
    float: left;
}
.solutionIndex .content .solutionTitle .left img{
    width: 100%;
    height: auto;
}
.solutionIndex .content .solutionTitle .left{
    width: 40%;
    margin-right: 5%;
}
.solutionIndex .content>.title{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.solutionIndex .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.solutionIndex .content .solutionTitle{
    margin-top: 6%;
}
.solutionIndex .content .solutionTitle .right{
    width: 55%;
}
.solutionIndex .content .solutionTitle .right .mode{
    padding-top: 2%;
    padding-left: 3%;
}
.solutionIndex .content .solutionTitle .left,.solutionIndex .content .solutionTitle .right{
    float: left;
}
.solutionIndex .content .solutionTitle .right .title{
    color: #ee4e5b;
    font-size: 24px;
}
.solutionIndex .content .solutionTitle .right img{
    max-width: 100%;
    margin: 2% 0;
    /*width: 100%;*/
}
.solutionIndex .content .solutionTitle .right p{
    color: #333;
    font-size: 16px;
}
.solutionIndex .content .solutionTitle .right .introduce{
    width: 100%;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 1.5% 0;
    font-size: 16px;
    color: #333;
    margin: 4% 0;
}
.solutionIndex .content .solutionTitle .right ul li{
    width: 46%;
    float: left;
    margin-top: 2%;

}
.solutionIndex .provide  .title{
    margin-top: 4%;
    font-size: 24px;
    color: #333;
    padding-bottom: 1.5%;
    border-bottom: 2px solid #ccc;
}
.solutionIndex .content .solutionTitle .right ul li p{
    background: url("../../static/newsImg/dian.jpg") no-repeat left center;
    padding-left: 20px;
    font-size: 14px;
}
.solutionIndex .provide .provideTop{
    margin-top: 2%;
    /*overflow:hidden;*/
    /**/
}


.solutionIndex .provide .provideTop>li{
    /*padding-bottom:9999px;margin-bottom:-9999px;*/
    float: left;
    box-shadow: 0 0 5px #cccccc;
    /*border: 1px solid #f0f0f0;*/
    /*border-bottom: 5px solid #f0f0f0;*/
    border-top:  2px solid #ee4e5b;
    height: 180px;
    width: 43%;
}
.solutionIndex .provide .provideTop>.right{
    float: right;
    width: 55%;
}
.solutionIndex .provide .provideTop>li>div{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}
.solutionIndex .provide .provideTop>li>div p{
    width: 48%;
    display: inline-block;
    font-size: 18px;
    color: #333;
    padding:15px;
    margin-left: 15px;
    background: url("../../static/newsImg/sanjiao.png") left center no-repeat;
    padding-left: 20px;
}
.solutionIndex .provide .provideTop .list>li{
    width: 48%;
    float: left;
}
.solutionIndex .provide .provideTop .list > li:hover a{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}
.solutionIndex .provide .provideTop .list>li a{
    padding: 10px 0;
    display: inline-block;
    padding-left: 20px;
    margin-left: 15px;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    font-size: 14px;
    color: #333;
}

.solutionIndex .provide .provideBottom{
    margin-top: 2%;
    /*overflow:hidden;*/
}
.solutionIndex .provide .provideBottom>li{
    float: left;
    /*padding-bottom:9999px;margin-bottom:-9999px;*/
    width: 43%;
}
.solutionIndex .provide .provideBottom>.right{
    float: right;
    width: 55%;
}

.solutionIndex .provide .provideBottom>li ul li>div{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}
.solutionIndex .provide .provideBottom>li .modu li>div p{
    display: inline-block;
    font-size: 18px;
    color: #333;
    padding:15px;
    margin-left: 15px;
    background: url("../../static/newsImg/sanjiao.png") left center no-repeat;
    padding-left: 20px;
}
.solutionIndex .provide .provideBottom>li .modu>li{
    float: left;
    height: 225px;
    box-shadow: 0 0 10px #cccccc;
    border: 1px solid #f0f0f0;
    border-top:  2px solid #ee4e5b;
    width: 48%;
}
.solutionIndex .provide .provideBottom>li .modu .right{
    float: right;
}

.solutionIndex .provide .provideBottom>li .modu>li ul li:hover a{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}
.solutionIndex .provide .provideBottom >li .modu li a{
    padding: 5px 0;
    display: inline-block;
    padding-left: 20px;
    margin-left: 15px;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    font-size: 14px;
    color: #333;
}

.solutionIndex .provide .provideBottom>.right .modu>li{
    float: left;
    width: 40%;
}
.solutionIndex .provide .provideBottom>.right .modu .moduRight{
    float: right;
    width: 56%;
}
.solutionIndex .provide .provideBottom>.right .modu .moduRight ul li{
    width: 50%;
    float: left;

}
/*解决方案什么是e-F@ctory*/
.solutionDetails .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.solutionDetails .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.solutionDetails .details ul{
    margin-top: 3%;
}

.solutionDetails .details ul li p{
    line-height: 25px;
    font-size: 16px;
    color: #333;
    margin: 5% 0;
    color: #333;
}
.solutionDetails .details ul li{
    float: left;
    width: 40%;
}
 .solutionDetails .details ul .right{
     width: 50%;
     float: right;
     margin-top: 0;
 }
.solutionDetails .details ul li img{
    width: 100%;
    max-width: 100%;
}
.solutionDetails .details ul li .btn{
    margin-top: 5%;
    font-size: 16px;
    color: #333;
    width: 100%;
    border: 1px solid #ccc;
    text-align: center;
    padding: 2% 0;
}
/* FA-IT信息协同*/
.solutionIdea .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.solutionIdea .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.solutionIdea .list li{
    float: left;
    width: 45%;
}
.solutionIdea .list{
    margin-top: 3%;
}
.solutionIdea ul  .right{
    float: right;
    width: 50%;
    margin-top: 4%;
    font-size: 16px;
    color: #333;
    line-height: 25px;
}

.solutionIdea .list  .right p{
    margin: 3% 0;
}
.solutionIdea .list li img{
    width: 100%;
}
.solutionIdea .first{
    margin-top: 3%;
}

.solutionIdea .tab{
    margin-top: 3%;
    background: #f4f4f4;
    width: 98%;
    padding: 1%;
}


.solutionIdea .tab ul li{
    float: left;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    cursor: pointer;
    background: url("../../static/newsImg/leftA.jpg") no-repeat 20px center;
    padding-left: 40px;
    font-size: 16px;
}
.solutionIdea .tab ul li:first-child{
    border-right: 0
}
.solutionIdea .tabS{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat 20px center !important;
    background-color: #fff !important;
}

.solutionIdea .kind{
    margin-top: 1%;
}
.solutionIdea .kind .tabInsideTop{
    background: #f4f4f4;
    color: #6b6b6b;
    font-size: 14px;
    padding: 5px 0;
    padding-left: 5px;
    border: 1px solid #ccc;

}
.solutionIdea .kind .tabInsideTop li{
    cursor: pointer;
    float: left;
    margin-right: 2%;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    padding-left: 20px;
    line-height: 30px
}
.solutionIdea .kind .tabInsideTop .tabInsideTopA{
    color: #d71f1f;
    background: url("../../static/newsImg/leftB.jpg")no-repeat center left;
}
.solutionIdea .kind .tabInsideBottom .msg .img{
    text-align: center;
}
.solutionIdea .kind .tabInsideBottom{
    margin-top: 3%;
}
.solutionIdea .kind .tabInsideBottom .msg img{
    max-width: 100%;
    height: auto;
}
.solutionIdea .kind .tabInsideBottom .mode{
    display: flex;
    justify-content: space-between;
}

.solutionIdea .kind .tabInsideBottom .mode{
    font-size: 14px;
    color:#6c6c6c;
    line-height: 15px;
    letter-spacing: 2px;
    margin-top: 3%;
}
.solutionIdea .kind .tabInsideBottom .mode p{
    margin: 4% 0;
}
.solutionIdea .kind .tabInsideBottom .mode .left{
    width: 40%;
}
.solutionIdea .kind .tabInsideBottom .mode .right{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.solutionIdea .kind .tabInsideBottom .mode img{
    max-width: 100%;
    height: auto;
}
    /* 导入实例*/
.solutionLead .content .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}

.solutionLead .content .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.solutionLead .list>.title{
    font-size: 14px;
    color: #666;
    margin: 2% 0 ;
}
.solutionLead .list .modu{
    width: 103%;
    overflow: hidden;
}
.solutionLead .list .modu li{
    width: 23%;
    float: left;
    border: 1px solid #ccc;
    margin-right: 1.5%;
    margin-top: 1.5%;
}
.solutionLead .list .modu li .msg{
    padding: 4%;
    display: flex;
    flex-direction: column;
}
.solutionLead .list .modu li img{
    width: 100%;
    height: auto;
}
.solutionLead .list .modu li .msg .hand{
    display: inline-block;
    padding: 1%;
    background: #3794ce;
    color: #fff;
    font-size: 13px;
}
.solutionLead .list .modu li .msg .title{
    font-size: 14px;
    color: #333;
    /*font-weight: 600;*/
    margin: 3% 0;
    letter-spacing: 2px;
    font-weight: 700;
}
.solutionLead .list .modu li .msg .companyName{
    font-size: 14px;
    color: #333;
    /*font-weight: 600;*/
    margin: 3% 0;
    letter-spacing: 2px;
    font-weight: 700;
}
.solutionLead .list .modu li .msg .content{
    font-size: 14px;
    color: #333;
    letter-spacing: 2px;
    margin-top: 3%;
    height: 100px;
}
.solutionLead .list .modu li .msg .mode{
    background: #eee;
    height: 150px;
    font-size: 14px;
    padding-bottom: 3%;
    padding-top: 5px;
}
.solutionLead .list .modu li .msg .mode .lead{
    margin: 3% 0;
    margin-top: 4%;
    margin-left: 2%;
}
.solutionLead .list .modu li .msg .mode p{
    margin-left: 2%;
}
.solutionLead .list .modu li .msg .more a{
    display: block;
    text-align: center;
    margin-top: 3%;
    background: url("../../static/newsImg/right2.png") no-repeat center right;
    background-color: #585555;
    color: #fff;
    padding: 3% 2%;
    font-size: 14px;
    border: 1px solid #585555;
    /*width: 100%;*/
}
.solutionLead .list .modu li .more a:hover{
    background: url("../../static/newsImg/right1.png") no-repeat center right;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
}
.solutionLead .list .modu li .msg .top{
    height: 130px;
}

/*解决方案案例详情*/
.caseDetails .title{
    background: #eeeeee;
    border-left: 3px solid #ee4e5b;
    padding: 5px 0;
    padding-left: 20px;
}
.caseDetails .title .top{
    display: flex;
    padding: 5px 0;
    align-items: center;
}
.caseDetails .title .bottom{
    color: #333;
    font-size: 23px;
}
.caseDetails .title .top span{
    background: #3794ce;
    font-size: 13px;
    color: #fff;
}
.caseDetails .title .top p{
    font-size: 16px;
    color: #333;
}
.caseDetails .content .hint{
    font-size: 14px;
    color: #585555;
    letter-spacing: 2px;
    line-height: 25px;
    text-indent:2em;
    margin-top: 2%;
}
.caseDetails .content .watch{
    margin-top: 3%;
}
.caseDetails .content .watch ul{
    margin: 0 auto;
    width: 70%;
    border: 1px solid #ccc;
    padding: 1.5%;
}
.caseDetails .content .watch ul li{
    padding: 10px 0;
    border-bottom:dashed 1px #ccc ;
    font-size: 14px;
}
.caseDetails .content .watch ul li:first-child{
    padding-top: 0;
    font-weight: 700;
}
.caseDetails .content .msg{
    margin-top: 3%;
}
.caseDetails .content .msg ul{
    display: flex;
}
.caseDetails .content .msg ul li:first-child{
    margin-right: 5%;
    width: 80%;
    text-align: left;
}
.caseDetails .content .msg ul li img{
    max-width: 100%;

}
.caseDetails .content .msg ul li:first-child p{
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 3% 0;
    letter-spacing: 2px;
    text-indent: 2em;

}
.caseDetails .content .img{
    margin-top: 3%;
    text-align: center;
}
.caseDetails .content .img img{
    max-width: 100%;
    height: auto;
}
.caseDetails .mode{
    display: flex;
    justify-content: space-between;
}
.caseDetails .mode .left{
    width: 80%;
}
.caseDetails .mode .left p{
    font-size: 14px;
    line-height: 20px;
    text-indent: 2em;
    margin: 3% 0;
    letter-spacing: 2px;
}
.caseDetails .seg {
    margin: 5% 0;
}
.caseDetails .seg span{
    font-size: 18px;
    color: #ee4e5b;
}
.caseDetails .seg div{
    margin-top: 1%;
    border-top: 1px solid #152c87;
    border-bottom: 1px solid #6d0b12;
}

.caseDetails .mode .right p{
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 20px;
}
.caseDetails .mode .right img{
    max-width: 100%;
}
/*行业内解决方案*/
.industryScheme .content{
    background: #efefef;
}

.industryScheme .content .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}

.industryScheme .content .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.industryScheme .list .title{
    font-size: 16px;
    color: #666;
    margin: 3% 0;
}
.industryScheme .list ul{
    width: 103%;
    overflow: hidden;
    padding-bottom: 3%;
    margin-top: 2%;

}
.industryScheme .list ul li>img{
    width: 100%;
    height: auto;
}
.industryScheme .list ul li{
    float: left;
    width: 23%;
    margin-top: 1.7%;
    position: relative;
    margin-right: 1.7%;
    overflow: hidden;
    background: #fff;
}
.industryScheme .list ul li .show{
    text-align: center;
}
.industryScheme .list ul li .show p{
    font-size: 20px;
    color: #333;
    margin: 3% 0;
}
.industryScheme .list ul li .show span{
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #ee4e5b;
    margin: 3% 0;
}
.industryScheme .list ul li .mode{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;

}
.industryScheme .list ul li:hover .mode{
    opacity: 1;
}

.industryScheme .list ul li .mode .cont{
    padding: 10%;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
}
.industryScheme .list ul li .mode .cont  p{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;

}
.industryScheme .list ul li .mode .cont  span{
    width: 40px;
    height: 3px;
    display: inline-block;
    margin: 5% 0;
    background: #fff;
}
.industryScheme .list ul li .mode .cont  a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.industryScheme .list ul li .mode .cont .title{
    font-size: 20px;
    color: #fff;
}
.industryScheme .list ul li .mode .mod{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #c12b3b;
    opacity: .8;
    z-index: 0;
}
.industryScheme .list ul li .mode img{
    width: 100%;
    z-index: -2;

    height: 100%;
}

/*e-F@ctory*/
.ctory .content{
    background: #efefef;
}

.ctory .content .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}

.ctory .content .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.ctory .list>.title{
    font-size: 16px;
    color: #666;
    margin: 3% 0;
}
.ctory .list ul{
    width: 103%;
    padding-bottom: 3%;
    overflow: hidden;
    margin-top: 2%;
}
.ctory .list ul li>img{
    width: 100%;
    height: auto;
}
.ctory .list ul li{
    float: left;
    width: 23%;
    margin-top: 1.7%;
    position: relative;
    margin-right: 1.7%;
    background: #fff;
    overflow: hidden;
}
.ctory .list ul li .show{
    text-align: center;
}
.ctory .list ul li .show p{
    font-size: 20px;
    color: #333;
    margin: 3% 0;
}
.ctory .list ul li .show span{
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #ee4e5b;
    margin: 3% 0;
}
.ctory .list ul li .mode{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;

}
.ctory .list ul li:hover .mode{
    opacity: 1;
}

.ctory .list ul li .mode .cont{
    padding: 9% 8%;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
}
.ctory .list ul li .mode .cont  p{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;

}
.ctory .list ul li .mode .cont  span{
    width: 40px;
    height: 3px;
    display: inline-block;
    margin: 5% 0;
    background: #fff;
}
.ctory .list ul li .mode .cont  a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.ctory .list ul li .mode .cont .title{
    font-size: 20px;
    color: #fff;
}
.ctory .list ul li .mode .mod{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #c12b3b;
    opacity: .8;
    z-index: 0;
}
.ctory .list ul li .mode img{
    width: 100%;
    z-index: -2;
    height: 100%;
}
.msgSynergy .tabOuter .tabS{
    color: #ee4e5b;
}
/*服务支持*/
.serveList .content{
    background: #efefef;
}

.serveList .content .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}
.serveList .content .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}

.serveList .list ul{
    width: 103%;
    padding-bottom: 3%;
    overflow: hidden;
    margin-top: 2%;
}
.serveList .list ul li .img{
    width: 100%;
    height: auto;
}
.serveList .list ul li{
    float: left;
    width: 47.7%;
    margin-top: 1.7%;
    position: relative;
    margin-right: 1.7%;
    background: #fff;
    overflow: hidden;
}
.serveList .list ul li .show{
    text-align: center;
}
.serveList .list ul li .show p{
    font-size: 20px;
    color: #333;
    margin: 2% 0;
}
.serveList .list ul li .show span{
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #ee4e5b;
    margin-bottom: 3%;
}
.serveList .list ul li .mode{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;

}
.serveList .list ul li:hover .mode{
    opacity: 1;
}

.serveList .list ul li .mode .cont{
    padding: 9% 8%;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
}
.serveList .list ul li .mode .cont  p{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;

}
.serveList .list ul li .mode .cont  span{
    width: 40px;
    height: 3px;
    display: inline-block;
    margin: 5% 0;
    background: #fff;
}
.serveList .list ul li .mode .cont  a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.serveList .list ul li .mode .cont .title{
    font-size: 20px;
    color: #fff;
}
.serveList .list ul li .mode .mod{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #c12b3b;
    opacity: .8;
    z-index: 0;
}
.serveList .list ul li .mode img{
    width: 100%;
    z-index: -2;
    height: 100%;
}
/*培训中心*/
.culCenter  .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}
.culCenter>.content{
    background: #f4f4f4;
}
.culCenter .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.culCenter .classify .modu>li{
    width: 48.5%;
}
.culCenter .classify .modu>li .top img{
    width: 100%;
    height: auto;
}
.culCenter .classify .modu .left{
    float: left;
}
.culCenter .classify .modu .right{
    float:right;
}
.culCenter .classify .bottom{
    background: #fff;
    margin-top: 1%;
}
.culCenter .classify .bottom>div{
    font-size: 16px;
    color: #333;
    padding: 1.5% 0;
    border-bottom:1px solid #ccc ;
}
.culCenter .classify .bottom>div p{
    padding-left: 20px;
    background: url("../../static/newsImg/sanjiao.png")no-repeat center left;
    margin-left: 2%;
}
.culCenter .classify .bottom .list{
    padding: 1.5% 0;
}
.culCenter .classify .bottom .list li{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.culCenter .classify .bottom .list li a{
    display: block;
    color: #868686;
    padding: 1% 0;
    padding-left: 20px;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    font-size: 14px;
    margin-left: 2%;
}
.culCenter .classify .bottom .list li:hover a{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}

.culCenter .curriList{
    margin-top: 3%;
}
.culCenter .culCenterTop .msg{
    margin: 3% 0;
}
.culCenter .curriList .modu {
    width: 103%;
}
.culCenter .curriList .modu>li{
    width: 31.05%;
    margin-right: 2%;
    box-shadow: 0 0 10px #ccc;
}
.culCenter .curriList .modu>li .top img{
    width: 100%;
    height: auto;
}
.culCenter .curriList .modu li{
    float: left;
}
.culCenter .content{
    padding: 3% 0;
}
.culCenter .curriList .bottom{
    background: #fff;
}
.culCenter .curriList .bottom>div{
    font-size: 16px;
    border-top: 2px solid #e70012;
    color: #333;
    padding: 15px 0;
    border-bottom:1px solid #ccc ;
}
.culCenter .curriList .bottom>div p{
    padding-left: 20px;
    background: url("../../static/newsImg/sanjiao.png")no-repeat center left;
    margin-left: 2%;
}
.culCenter .curriList .bottom .list{
    padding: 1.5% 0;
}
.culCenter .curriList .bottom .list li{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.culCenter .curriList .bottom .list li a{
    display: block;
    color: #868686;
    padding: 1% 0;
    padding-left: 20px;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    font-size: 14px;
    margin-left: 2%;
}
.culCenter .curriList .bottom .list li:hover a{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}




/*FATEC*/

.fatec .content>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;
}
.fatec .content>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.fatec .article{
    margin-top: 3%;
}
.fatec .content>.seek{
    margin-top: 3%;
}

.fatec .content>.seek .title{
    font-size: 22px;
    color: #333;
    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2%;
}
.fatec .content>.seek .form form{
    /* display: flex;
    justify-content: space-between; */
}
.fatec .content>.seek  .el-input--small .el-input__inner{

}
.fatec .content>.seek .title .form form .el-input--small .el-input__inner{
    background: #fff;

}
.fatec .content .form  form .formItem{
    /* width: 30%;
    display: flex;
    align-items: center; */
    width: 430px;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.formItemSel{
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 3px;
    border:1px solid #eee;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    padding: 0px 10px;
}
.fatec .content .form form .formItem .left{
    float: left;
    width: 13%;
    font-size: 14px;
    color: #333;
    line-height: 60px;
}
.fatec .content .form form .formItem .right{
    float: left;
    width: 87%;
}
.fatec .content .form form  .hunt{
    float: left;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #ee4e5b;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 29px;
}

.fatec .list ul li{
    border-left: 2px solid #ed3745;
    padding: 0 2%;
    box-shadow: 0 0 5px 0 #ccc;
    margin-top: 3%;

}

.fatec .list ul li>.title{
    border-bottom: 1px solid #dfdfdf;
    font-size: 20px;
    color: #333;
}
.fatec .list ul li>.title p{
    padding: 1.5% 0;
}
.fatec .list ul li>.msg{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fatec .list ul li>.msg .left{
    width: 80%;
    padding: 1% 0;
    font-size: 14px;
    color: #999;
    line-height: 25px;
}
.fatec .list ul li>.msg .left p{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.fatec .list ul li>.msg .right{
    width: 20%;
    text-align: right;
}
.fatec .list ul li>.msg .right a{
    display: inline-block;
    border: 1px solid #ed3745;
    color: #ee4e5b;
    font-size: 14px;
    padding: 1.5% 2.5%;
    border-radius: 3px;
    cursor: pointer;
}
/*iQ-F系列PLC实践课程*/
.course  .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}
.course .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.course .introduce>.title{
    font-size: 24px;
    color: #333;
    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
}

.course .introduce>ul li{
    color: #999;
    font-size: 14px;
    margin: 10px 0;
}
.course .schedule{
    margin-top: 3%;
}
.course .schedule>.title{
    font-size: 24px;

    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
}
.course .schedule table{
    margin-top: 1%;
}
.course .schedule table{
    border-color: #fff;
}
.course .schedule table th,.course .schedule table td{
    border-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #585858;
    padding: 1% 0;
}
.course .schedule table td{
    background: #f8f8f8;
}
.course .schedule table td .want{
    background: #ed3745;
    color: #fff;
    padding: 1.5% 5%;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
}
.course .schedule table td .finish{
    background: #e0e0e0;
    color: #585858;
    padding: 1.5% 5%;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
}

.course .schedule table th{
    background: #eaeaea;
    font-size: 14px;
    color: #333;

}
.course .cultivate{
    margin-top: 3%;
}
.course .cultivate>.title{
    font-size: 24px;

    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
}
.course .cultivate table{
    margin-top: 1%;
}
.course .cultivate table{
    border-color: #fff;
}
.course .cultivate table th,.course .schedule table td{
    border-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #585858;
    padding: 1% 0;
}
.course .cultivate table td {
    background: #f8f8f8;

}
.course .cultivate table td p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.course .cultivate table td .want{
    background: #ed3745;
    color: #fff;
    padding: 1.5% 5%;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
}
.course .cultivate table td .finish{
    background: #e0e0e0;
    color: #585858;
    padding: 1.5% 5%;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
}

.course .cultivate table th{
    background: #eaeaea;
    font-size: 14px;
    color: #333;
}
.course .cultivate table th,.course .cultivate table td{
    border-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #585858;
    padding: 1% 0;
}
.course .cultivate table td{
    background: #f8f8f8;
}
.course .msg{
    margin-top: 3%;
}
.course .msg>.title{
    font-size: 24px;
    color: #333;
    padding: 1.5% 0;
    border-bottom: 1px solid #ccc;
}
.course .msg .hint{
    padding: 0.5% 0;
}
.course .msg .hint li{
    font-size: 14px;
    color: #999;
    line-height: 25px;
}
.course .msg .table{
    width: 40%;
}
.course .msg .table .top{
    display: flex;
}
.course .msg .table .top div{
    width: 50%;
    background: #eaeaea;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 1.5% 0 ;
    border: 1px solid #fff;
}
.course .msg .table table tr td{
    background: #f8f8f8;
    border: 1px solid #fff;
    font-size: 14px;
    color: #585858;
    -moz-box-align: center;
    line-height: 100%;
    text-align: center;
}
.course .msg .table table tr td .topS{
    border-bottom: 1px solid #fff;
}
.course .msg .table table tr .day .topS{
}
.course .msg .table table tr  .day div{
        padding: 10% 0;
}
.course .msg .table table tr td div{
    height: 50%;
}
.course .msg .table table tr .cont{
    text-align: left;
    line-height: 25px;
}
.course .msg .table table tr .cont div{
    padding-left: 2%;
}
.course .none{
    margin-top: 3%;
}
.course .none a{
    background: #ed3745;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 1% 2.5%;
    font-size: 14px;
}
.course .pop{
    /*display: none;*/
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
}
.course .pop .popCont{
    position: fixed;
    width: 400px;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 3px;
    transform: translate(-50%, -50%);
}
.course .pop .popCont .box{
    padding: 5%;
}
.course .pop .popCont .del{
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    align-items: center;
    padding-bottom: 3%;
    font-size: 20px;
}
.course .pop .popCont ul li{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3%;
    font-size: 18px;
}
.course .pop .popCont ul li img{
    cursor: pointer;
}



/*learning*/

.learning  .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}

.learning .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.learning .curriList{
    margin-top: 3%;
}
.learning .culCenterTop .msg{
    margin: 3% 0;
}
.learning .curriList .modu {
    width: 103%;
}
.learning .curriList .modu>li{
    width: 23%;
    margin-right: 1.7%;
    margin-top: 1.7%;
    box-shadow: 0 0 10px #ccc;
}
.learning .curriList .modu>li .top img{
    width: 100%;
    height: auto;
}
.learning .curriList .modu li{
    float: left;
}
.learning .content{
    padding: 3% 0;
}
.learning .curriList .bottom{
    background: #fff;
    min-height: 200px
}
.learning .curriList .bottom>div{
    font-size: 16px;
    border-top: 2px solid #e70012;
    color: #333;
    padding: 15px 0;
    border-bottom:1px solid #ccc ;
}
.learning .curriList .bottom>div p{
    padding-left: 20px;
    background: url("../../static/newsImg/sanjiao.png")no-repeat center left;
    margin-left: 2%;
}
.learning .curriList .bottom .list{
    padding: 1.5% 0;
}
.learning .curriList .bottom .list li{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.learning .curriList .bottom .list li a{
    display: block;
    color: #868686;
    padding: 1% 0;
    padding-left: 20px;
    background: url("../../static/newsImg/leftA.jpg") no-repeat center left;
    font-size: 14px;
    margin-left: 2%;
}
.learning .curriList .bottom .list li:hover a{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat center left;
}

.learning .curriList>.title{
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding: 1.5% 0;
}
.learning .curriList .modu>p{
    color: #ec3535;
    font-size: 16px;
    margin-top: 1.7%;
}
/*可编程控制器课程*/

.lesson  .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}

.lesson .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}

.lesson .tab{
    margin-top: 3%;
    background: #f4f4f4;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lesson .tabS{
    color: #ee4e5b;
    background: url("../../static/newsImg/leftB.jpg") no-repeat 20px center !important;
    background-color: #fff !important;
}

.lesson .tab ul li{
    float: left;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    cursor: pointer;
    background: url("../../static/newsImg/leftA.jpg") no-repeat 20px center;
    padding-left: 40px;
    font-size: 14px;
    border-left: 0
}
.lesson .tab ul li:first-child{
    border-left: 1px solid #ccc;
}
.lesson .change{
    padding: 10px 20px;
    background-color: #f1f1f1;
    cursor: pointer;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #7d7d7d;
}
.lesson  .first{
    margin-top: 3%;
}
.lesson  .first table{
    font-size: 14px;
    color: #585858;
}
.lesson  .first table tr th{
    background: #eaeaea;
    border: 1px solid #fff;
    padding: 1.5% 0;
}
.lesson  .first table tr td{
    border: 1px solid #fff;
    padding: 1.5% 0;
    background: #f8f8f8;
}
.lesson  .first table tr td span{
    display: block;
    padding-left: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%;
}
.lesson  .first table tr td p{
    text-align: center;

}
.lesson  .first table tr td .look {
    text-align: center;
}
.lesson  .first table tr td .look p{
    display: inline-block;
    background: #ebebeb;
    color: #999;
    cursor: pointer;
    padding: 5px 10px;
}
/*变频器维护 800系列对应版*/
.serveDetails  .block>.title{
    color: #333;
    font-size: 24px ;
    text-align: center;
    font-weight: 700;

}
.serveDetails .block>.title span{
    margin-top: 5%;
    padding-bottom: 11px;
    display: inline-block;
    border-bottom: #ee4e5b 3px solid;
}
.serveDetails .content .mode{
    margin-top: 3%;
}
.serveDetails .content .mode div{
    font-size: 24px;
    color: #333;
    padding: 2% 0;
    border-bottom: 1px solid #ccc;
}
.serveDetails .content .mode p{
    font-size: 16px;
    color: #565656;
    margin-top: 1.5%;
    letter-spacing: 2px;
    line-height: 20px;
}
.serveDetails .bottom{
    display: flex;
    margin-top: 3%;
    align-items: center;
    justify-content: center;
}
.serveDetails .bottom div{
    padding: 10px 2%;
    margin-right: 2%;
    font-size: 14px;
    color: #898989;
    border-radius: 4px;
    background: #dbdbdb;
}
.serveDetails .bottom .now{
    background: #e50000;
    color: #fff;
}
.fatecUp{
    position: fixed;
    right: 5%;
    bottom: 10%;
}
.moreCord{
    display: flex;
    justify-content: flex-end;
    margin-top: 3%;
}
.moreCord div{
    background: #c5c5c5;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    padding: 10px 3%;
    border-radius: 4px;
    position: relative;
}
.moreCord div img{
    position: absolute;
    left: 0;
    top: 100%;
}


/* 详情 */
.solutionDetailsKzs{
    width: 100%;
    height: auto;
    margin-top:30px;
}
.solutionDetailsKzs p{
    font-size: 14px;
    color: #666;
    line-height: 27px;
}
.solutionDetailsKzs img{
    display: block;
    width: 40%;
    height: auto;
    margin: 0px auto;
}
.solutionDetailsKzsC{
    width: 100%;
    height: auto;
    margin-top: 15px;
}
.solutionDetailsKzsC table{
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}
.solutionDetailsKzsC table tr{
    border: 1px solid #eee;
}
.solutionDetailsKzsC table tr td{
    border: 1px solid #eee;
    padding: 10px 10px;
    font-size: 14px;
    color: #666;
    line-height: 27px;
    text-align: center;
}


















/*媒体查询*/
@media only screen and (max-width: 1439px){
    .seekForm{
        margin: 4% 0;
    }
}
@media only screen and (max-width: 1200px){
    /*.updateLog .content .tab{*/
        /*width: 64%;*/
        /*margin-left: 0;*/
    /*}*/
    /*.updateLog .content .seek{*/
        /*width: 34%;*/
        /*margin-left: 2%;*/
    /*}*/
    .formItemSel{
        height: 45px;
        font-size: 14px;
    }
    .fatec .content .form form .formItem .left{
        line-height: 45px;
    }
    .fatec .content .form form .hunt{
        margin-top:20px;
    }
}
@media only screen and (max-width: 1024px){
    .fatecUp{
        display: none;
    }
    .serveDetails  .block>.title,.serveDetails .content .mode div{
        font-size: 20px;
    }
    .course  .block>.title,.course .introduce>.title,.course .schedule>.title,.course .cultivate>.title,.course .msg>.title{
        font-size: 20px;
    }
    .conNews .list ul {
        width: 100%;
    }
    .conNews .list ul li{
        width: 100%;
        margin-bottom: 3%;
    }
    .header>.title{
        font-size: 20px;
    }
    .header>.right{
        font-size: 18px;
    }
    .learning  .block>.title,.learning .curriList>.title{
        font-size: 20px;
    }
    .learning .curriList .modu>li{
        width: 47.7%;
    }
    .course .msg .table{
        width: 100%;
    }
    .fatec .content>.title{
        font-size: 20px;
    }
    .fatec .content>.seek .title{
        font-size: 18px;
    }
    .fatec .list ul li>.title{
        font-size: 16px;
    }
    .culCenter  .block>.title{
        font-size: 20px;
    }
    .solutionIdea .kind .tabInsideTop li{
        margin: 1% 0;
        margin-right: 2%;
    }
    .serveList .content .block>.title{
        font-size: 20px;
    }
    .ctory .content .block>.title{
        font-size: 20px;
    }
    .ctory .list ul li{
        width: 31.2%;
        overflow: hidden;
    }

    .industryScheme .content .block>.title{
        font-size: 20px;
    }
    .industryScheme .list ul li{
        width: 31.2%;
        overflow: hidden;
    }
    .solutionLead .list .modu li{
        width: 31.11%;
    }
    .solutionIdea .content>.title {
        font-size: 20px;
    }
    .solutionLead .content .block>.title{
        font-size: 20px;
    }

    .caseDetails .title .bottom{
        color: #333;
        font-size: 16px;
    }

    /*解决方案*/
    .solutionIdea .list li{
        width: 100%;
    }
    .solutionIdea .list .right{
        width: 100%;
    }
    .solutionIndex .provide .title{
        font-size: 20px;
    }
    .solutionIndex .provide .provideBottom>.right{
        width: 100%;

    }
    .solutionIndex .provide .provideBottom>li{
        width: 100%;
        margin-top: 3%;
    }
    /*解决方案*/
    .solutionIndex .content .solutionTitle .right .mode{
        padding-left: 0;
    }
    .solutionIndex .content .solutionTitle .left{
        /*width: 100%;*/
        margin-right: 0;
        display: none;
    }
    .solutionIndex .content .solutionTitle .right{
        width: 100%;

    }
    .solutionIndex .content .solutionTitle .right.title{
        font-size: 20px;
    }
    .newsDetails .block .content{
        padding:3% ;
    }
    .logUpdate .content>.seek .form form{
        display: block;
    }
    .logUpdate .content .form  form .formItem{
        width: 100%;
        margin-top: 3%;
    }
    .newRelease .item ul li .right{
        width: 100%;
    }
    .newRelease .item ul li .right ul li{
        width: 100%;
        margin-right: 0;
        margin-top: 3%;
    }
    .newRelease .item ul li .right ul{
        width: 100%;
    }
    .newRelease .item ul li .left{
        display: none;
    }
    .newsCompany .list ul li .right a{
        padding: 0;
    }
    .newsCompany .content > .title span{
        font-size: 20px;
    }
    .logUpdate .content>.title{
        font-size: 20px;
    }
    .newsDetails .block .content>.title p{
        font-size: 20px;
    }
    .solutionDetails .content>.title{
        font-size: 20px;
    }

    .newRelease .content>.title{
        font-size: 20px;
    }
    .logUpdate .content>.seek .title{
        font-size: 20px;
    }
    .solutionIndex .content>.title{
        font-size: 20px;
    }
    /*.newsCompany .list ul li .right .center .title{*/
        /*font-size: 16px;*/
    /*}*/
    /*.newsCompany .list ul li .right .center div{*/
        /*margin: 1.5% 0;*/
        /*padding: 1.5%;*/
    /*}*/
    /*.newsCompany .list ul li .right .center .wire{*/
        /*margin-left: 1.5%;*/
        /*padding: 0;*/
    /*}*/
    /*.newsCompany .list ul li .right .center{*/
        /*width: 100%;*/
        /*margin-left: 0;*/
    /*}*/
    /*.newsCompany .list ul li .right  .arrows{*/
        /*display: none;*/
    /*}*/
    /*.newsCompany .list ul li .right .imgBox{*/
        /*width: 100%;*/
    /*}*/
    /*.companyNews  .news li{*/
        /*width: 100%;*/
        /*float: none;*/
    /*}*/
    /*.newsCompany .list ul li .right a{*/
        /*display: block;*/
    /*}*/
    /*.newsCompany .list ul li .left{*/
        /*display: none;*/
    /*}*/
    /*.newsCompany .list ul li .right{*/
        /*width: 100%;*/
    /*}*/
    /*.companyNews .news li .list li .listCon{*/
        /*display: block;*/
    /*}*/
    /*.companyNews .news li .list li .listCon p{*/
        /*margin-bottom: 2%;*/
    /*}*/


    .updateLog .content .tabTitle  li{
        font-size: 16px;
    }

    .header,.newsIssue .title span{
        font-size: 18px;
    }

}

@media only screen and (max-width: 950px) {
    .serveDetails  .block>.title,.serveDetails .content .mode div{
        font-size: 18px;
    }
    .course  .block>.title,.course .introduce>.title,.course .schedule>.title,.course .cultivate>.title,.course .msg>.title{
        font-size: 18px;
    }
    .learning  .block>.title,.learning .curriList>.title{
        font-size: 18px;
    }
    .culCenter  .block>.title{
        font-size: 18px;
    }
    .caseDetails .msg ul li img{
        display: none;
    }
    .caseDetails .content .msg ul li{
        text-align: center;
    }
    .serveList .list ul li .show p{
        font-size: 18px;
    }
    .ctory .list ul li .show p{
        font-size: 18px;
    }
    .ctory .list ul li .mode .cont .title{
        font-size: 18px;
    }
    .industryScheme .list ul li .show p{
        font-size: 18px;
    }
    .industryScheme .list ul li .mode .cont .title{
        font-size: 18px;
    }
    .caseDetails .content .watch ul{
        width: auto;
    }
    .caseDetails .content .msg ul li:first-child{
        width: 100%;
        margin-right: 0;
    }
    .caseDetails .content .msg ul li{
        width: 100%;
    }
    .caseDetails .content .msg ul{
        display: block;
    }
    .caseDetails .mode .left{
        width: 100%;
    }
    .caseDetails .mode .right{
        display: none;
    }
    .solutionDetails .details ul li img{
        display: none;
    }
    .solutionDetails .details ul li{
        width: 100%;
    }
    .solutionDetails .details ul .right{
        width: 100%;
        margin-top: 5%;
    }
    .solutionDetails .details ul .right img{
        max-width: 100%;
    }
    .updateLog .content .tab{
        width: 64%;
        margin-left: 0;
    }
    .updateLog .content .seek{
        width: 34%;
        margin-left: 2%;
    }
    .ctory .list>.title{
        font-size: 15px;
    }
    .learning .curriList .modu>p{
        font-size: 15px;
    }
}
@media only screen and (max-width: 850px){
    .title,.serveDetails .content .mode p{
        font-size: 14px;
    }
    .course .msg .top{
        width: 850px;
    }
    .course .msg{
        overflow-y: scroll;
    }
    .course .msg table{
        width: 850px;
    }
    .course .cultivate{
        overflow-y: scroll;
    }
    .course .cultivate table{
        width: 850px;
    }
    .course .schedule{
        overflow-y: scroll;
    }
    .course .schedule table{
        width: 850px;
    }
    .lesson  .first{
        overflow-x:scroll;
        overflow-y: hidden;
    }
    .lesson  .first table{
        width: 800px;
    }
    .culCenter .curriList .modu{
        width: 100%;
    }
    .culCenter .curriList .modu>li{
        width: 100%;
        margin-bottom: 3%;
    }
    .serveList .content .block>.title{
        font-size: 18px;
    }
    .ctory .content .block>.title{
        font-size: 18px;
    }
    .header>.title{
        font-size: 18px;
    }
    .header>.right{
        font-size: 16px;
    }
    .industryScheme .content .block>.title{
        font-size: 18px;
    }
    .solutionLead .content .block>.title{
        font-size: 18px;
    }
    .solutionIdea .content>.title {
        font-size: 18px;
    }
    .solutionIdea ul  .right{
        font-size: 15px;
    }
    .solutionDetails .content>.title{
        font-size: 18px;

    }
    .solutionDetails .details ul li p{
        font-size: 15px;
    }
    .solutionDetails .details ul li .btn{
        font-size: 15px;
    }
    .solutionIndex .provide .provideTop > li > div p{
        font-size: 16px;
    }
    .solutionIndex .provide .title{
        font-size: 18px;
    }
    .solutionIndex .content .solutionTitle .right p{
        font-size: 14px;
    }
    .solutionIndex .content .solutionTitle .right .title{
        font-size: 18px;
    }
    .newsDetails .block .content>.title p{
        font-size: 18px;
    }solutionTitle
    .logUpdate .content>.seek .title{
        font-size: 18px;
    }
    .solutionIndex .content>.title{
        font-size: 18px;
    }
    .newsCompany .content > .title span{
        font-size: 18px;
    }
    .logUpdate .content>.title{
        font-size: 18px;
    }
    .newRelease .content>.title{
        font-size: 18px;
    }
    .newsCompany .list ul li .right .center .title{
        font-size: 15px;
    }
     .hint{
        font-size: 18px;
    }


    .updateLog .content .tab{
        width: 63%;
        margin-left: 0;
    }
    .updateLog .content .seek{
        width: 35%;
        margin-left: 2%;

    }
}


@media only screen and (max-width: 750px){
    .fatec .content .form form .hunt{
        margin: 15px auto 0 auto;
        float: none;
    }
    .solutionDetailsKzsC{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .solutionDetailsKzsC table{
        width: 750px;
    }
    .lesson .tab ul li{
        float: left;
        margin-right: 2%;
        margin-top: 2%;
    }
    .lesson .tab{
        display: block;
    }
    .lesson .tab .change{
        display: inline-block;
        margin-top: 3%;
    }
    .learning .curriList .modu{
        width: 100%;
    }
    .learning .curriList .modu>p{
        font-size: 14px;
    }
    .learning .curriList .modu>li{
        width: 100%;
        margin-right: 0;
    }
    .fatec .list ul li>.msg{
        display: block;
    }
    .fatec .list ul li>.msg .left{
        width: 100%;
    }
    .fatec .list ul li>.msg .right{
        width: 100%;
        text-align: left;
        padding-bottom: 3%;
    }
    .fatec .content .form  form .formItem{
        width: 100%;
        margin: 3% 0;
    }
    .fatec .content>.seek .form form{
        display: block;
    }
    .ctory .list>.title{
        font-size: 14px;
    }
    .serveList .list ul li .show p{
        font-size: 16px;
    }
    .ctory .list ul li .show p{
        font-size: 16px;
    }
    .ctory .list ul li .mode .cont .title{
        font-size: 16px;
    }
    .industryScheme .list ul li .show p{
        font-size: 16px;
    }
    .industryScheme .list ul li .mode .cont .title{
        font-size: 16px;
    }
    /*解决方案*/
    .solutionIndex .provide .provideBottom>.right .modu .moduRight{
        width: 100%;
        margin-top: 3%;
    }
    .solutionIndex .provide .provideBottom>li .modu>li{
        width: 100%;
        height: auto;
    }
    .solutionIndex .provide .provideBottom>li .modu>.right{
        margin-top: 3%;
    }
    .solutionIndex .provide .provideBottom>.right .modu>li{
        width: 100%;
        height: auto;
    }
    .solutionIndex .provide .provideTop>li{
        width: 100%;
        margin-top: 3%;
        height: auto;
    }
    .solutionIndex .provide .provideTop>.right{
        width: 100%;
        height: auto;
    }
        /*解决方案*/
    .newsDetails .block .content>.title p{
        font-size: 16px;
    }
    .newsCompany .list ul li .right .center .title{
        font-size: 15px;
    }
    .updateLog .content .tab{
        width: 100%;
        margin-left: 0;
    }
    .updateLog .content .seek{
        width: 100%;
        margin-left: 0%;
    }
}
@media only screen and (max-width: 700px) {

    .culCenter .classify .modu>li{
        width: 100%;
        margin-top: 3%;
    }
    .serveList .list ul{
        width: 100%;
    }
    .serveList .list ul li{
        width: 100%;
        margin-right: 0;
    }
    .solutionIdea .kind .mode img{
        display: none;
    }

    .solutionIdea .kind .tabInsideBottom .mode{
        display: block;
    }
    .solutionIdea .kind .tabInsideBottom .mode .left{
        width: 100%;
    }
    .solutionIdea .kind .tabInsideBottom .mode .right{
        width: 100%;
    }
    .solutionLead .list .modu li{
        width: 97%;
        margin-right: 0;
    }
    .solutionIdea .content>.title {
        font-size: 18px;
    }
    .solutionIdea ul  .right{
        font-size: 14px;
    }
    .solutionDetails .content>.title{
        font-size: 18px;
    }
    .solutionDetails .details ul li p{
        font-size: 14px;
    }
    .solutionDetails .details ul li .btn{
        font-size: 14px;
    }
    /*解决方案*/
    .solutionIndex .provide .provideTop .list>li{
        width: 100%;
    }
    /*解决方案*/
     .hint{
        font-size: 16px;
    }
    .header,.companyNews .title span{
        font-size: 16px;
    }
   .header{
        font-size: 16px;
    }
    .newProduct ul{
        width: 100%;
    }
    .newProduct ul li{
        width: 100%;
        margin-right: 0;
    }
    .updateLog .content .tabTitle  li{
        font-size: 15px;
    }
    .logUpdate .content .tabTitle  li{
        font-size: 15px;
    }
}
@media only screen and (max-width: 500px){
    .solutionDetailsKzs img{
        width: 100%;
    }
    .ctory .list ul{
        width: 100%;
    }
    .ctory .list ul li{
        width: 100%;
        margin-right: 0;
        margin-top: 5%;
    }
    .industryScheme .list ul{
        width: 100%;
    }
    .industryScheme .list ul li{
        width: 100%;
        margin-right: 0;
        margin-top: 5%;
    }
    .solutionIndex .content .solutionTitle .right ul li{
        width: 100%;
    }
    .updateLog .content .tabTitle  li{
        font-size: 14px;
    }
    .logUpdate .content .tabTitle  li{
        font-size: 14px;
    }
}
